hsl()
함수의 매개 변수를 나타낸다. 레거시로 색상(hue), 채도(saturation), 밝기(lightness) 값을 각각 쉼표로 구분된 매개 변수로 지정이 가능하다.
hsl( [ <hue> | none ] [ <percentage> | none ] [ <percentage> | none ] [ / [ <alpha-value> | none ] ]? )
<hue>는 색상환에서 만들고자하는 색의 각도 값을 입력한다. 0
과 360
도는 빨간색이다. CSS Color Module Level 4 기준 deg, rad, grad, turn을 사용할 수 있으며 단위 없이 로 표현할 경우 CSS Color Module Level 3에 명시된 것과 같이 각도로 해석한다.
<percentage> 값은 각각 채도와 밝기를 나타낸다. 채도(saturation)의 경우 0%
은 회색, 100%
은 원색으로 만든다. 밝기(lightness)의 경우 0%
은 검정, 100%
은 흰색으로 만든다.
구문에 따라 추가적으로 <alpha-value> 값을 지정할 수 있으며 투명도를 0
과 1
의 범위 내에서 지정할 수 있다.
hsl( <hue>, <percentage>, <percentage>, <alpha-value>? )
Modules | ||
---|---|---|
Module Name | Status | Summary |
CSS Color Module Level 4 | Last review date: 2022-11-12 |